<template>
  <div class="app-container pr">
    <div class="fc">
      <div class="fdc" v-for="(item, i) in list" :key="i">
        <el-table
          class="file-table"
          :data="fileKeep"
          :border="false"
          :show-header="false"
          @row-dblclick="handleFolder(item)"
        >
          <el-table-column label="" align="center">
            <template slot-scope="">
              <div class="fcc pr">
                <div class="wjj pa fctc"></div>
                <div class="fcwc pa">{{item.name}}</div>
              </div>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
import { queryOrgans } from '@/api/disk'
import page from '@/utils/page'

export default {
  components: {},
  extends: page,
  props: {
    reqList: {
      default: queryOrgans,
      type: Function
    }
  },
  data() {
    return {
      fileKeep: [{'': ''}],
      parameter: {parent_id: '0'}
    }
  },
  created() {
    this.getList()
  },
  methods: {
    handleFolder(e) {
      this.$router.push({ path: '/dept/disk-index', query: {'p_id': '0', 'organ_id': e.id, 'name': e.name} })
      // this.filter.p_id = e.id
      // const dropdown = {}
      // dropdown.title = e.name
      // dropdown.p_id = e.id
      // this.dropdowns.push(dropdown)
      // this.getList()
    }
  }
}
</script>
<style scoped>
.fc{
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.fdc{
  margin-right: 5px;
  width: 85px;
  height: 125px;
  cursor: pointer;
  overflow: hidden;
}
.fcc{
  padding: 0;
  height: 126px;
  width: 85px;
}
.fctc{
  width: 85px;
  height: 60px;
  top: 0;
  left: 0;
}
.fcwc{
  top: 65px;
  left: 0;
  width: 85px;
  height: 60px;
  font-size: 11px;
  line-height: 15px;
  overflow: hidden;
}
.file-table /deep/ td {
  padding: 0;
  border: 0;
  height: 126px;
  width: 85px;
}
.file-table /deep/ .cell{
  border: 0;
  width: 85px;
  padding: 0;
}
.page-left{
  width: 216px;
  padding: 2px 10px 0 0;
  bottom: 20px;
  top: 20px;
  overflow: hidden;
  position: absolute;
  overflow-y: auto;
  z-index: 9;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.page-left::-webkit-scrollbar {
  display: none;
}
.page-right{
  padding-left: 216px;
  padding-bottom: 20px;
  width: 100%;
}
.disk-body{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 10px 0 0;
}
.disk-item{
  padding: 0 0 10px 10px;
  width: 125px;
  height: 80px;
  line-height: 80px;
}
.breadcrumb-div{
  padding: 5px;
  min-height: 30px;
}
</style>
